<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>wxshop商城系统 - 优选好物</title>
    <meta name="keywords" content="wxshop webrx">
    <meta name="description" content="wxshop webrx">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/iconfont.css">
</head>

<body>
<!-- top -->
<div class="layui-fluid layui-bg-black">
    sfsdf
</div>

<div class="wrapper1180 row-between">
    <div class="row" style="height: 100%;"><img
            src=""
            style="width: 16px; height: 16px; margin-right: 10px;">
        <div class="swiper-container swiper-container-initialized swiper-container-vertical">
            <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, -40px, 0px);">
                <div class="swiper-item swiper-slide swiper-slide-prev" style="height: 40px;"><a href="/pc/news_list/news_list_detail?id=5" aria-current="page" class="column nuxt-link-exact-active nuxt-link-active" style="height: 100%;">
                    <div class="line1">【公告】快递物流实名制发货公告【公告】快递物流实名制发货公告</div>
                </a></div>
                <div class="swiper-item swiper-slide swiper-slide-active" style="height: 40px;"><a href="/pc/news_list/news_list_detail?id=2" class="column nuxt-link-active" style="height: 100%;">
                    <div class="line1">双12活动预告~~~</div>
                </a></div>
                <div class="swiper-item swiper-slide swiper-slide-next" style="height: 40px;"><a href="/pc/news_list/news_list_detail?id=1" class="column nuxt-link-active" style="height: 100%;">
                    <div class="line1">电商商城管理规章制度</div>
                </a></div>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
    </div>
    <div class="user row flexnone">
        <div>您好，欢迎来到 LikeShop！</div>
        <ul class="row flexnone">
            <li><a th:href="@{account/login}" href="/pc/account/login" class="">登录</a>｜<a href="/pc/account/register" class="">注册</a></li>
            <li><a th:href="@{user/order}" href="/pc/user/order" class="">我的订单</a></li>
            <li><a th:href="@{user/profile}" href="/pc/user/profile" class="">个人中心</a></li>
            <li><a th:href="@{help_center}" href="/pc/help_center" class="">帮助中心</a></li>
            <li id="tel-phone-block"><a href="/pc/" class="nuxt-link-active">手机端
                <i class="el-icon-arrow-down"></i></a>
                <div class="float-code row bg-white">
                    <div class="column-center bg-white"><img src="https://likeshop.likemarket.net/uploads/images/202103121627555ead38447.png" alt="" style="width: 100px; height: 100px;">
                        <div class="lighter mt10">官方小程序</div>
                    </div>
                    <div class="column-center" style="margin-left: 30px;"><img src="https://likeshop.likemarket.net/uploads/images/20210312172034b18733525.png" alt="" style="width: 100px; height: 100px;">
                        <div class="lighter mt10">公众号演示</div>
                    </div>
                </div>
            </li>
            <li><a th:href="@{/}" href="index.html" class="nuxt-link-active">返回官网</a></li>
        </ul>
    </div>
</div>

<!-- 导航搜索栏 -->
<div  class="header-main bg-white">
    <div  class="wrapper1180">
        <div  class="search-wrap row-between"><a  href="/pc/" class="row-center nuxt-link-exact-active nuxt-link-active" aria-current="page"><img  src="https://likeshop.likemarket.net/static/common/image/default/backstage_logo.png" alt="logo" class="logo"></a>
            <div  class="row">
                <div  class="search row"><input  type="text" placeholder="请输入要搜索的商品名称">
                    <div  class="search-btn bg-primary white row-center">
                        搜索
                    </div>
                </div>
                <a  href="/pc/shop_cart" class="cart primary row-center">购物车(0)</a></div>
        </div>
    </div>
</div>

<!-- 导航菜单栏 -->
<div  class="header-nav bg-white">
    <div  class="nav-wrap row">
        <div  class="category"><a href="/pc/category" class="title bg-primary lg white row"><i class="el-icon-s-fold"></i>
            <div class="ml8">全部商品分类</div>
        </a>
            <div class="category-con bg-white" style="">
                <ul class="category-one">
                    <li class=""><a href="/pc/category?id=54" class="row-between"><span class="line1">家居家具</span> <i class="el-icon-arrow-right"></i></a></li>
                    <li class=""><a href="/pc/category?id=3" class="row-between"><span class="line1">美妆彩妆</span> <i class="el-icon-arrow-right"></i></a></li>
                    <li class=""><a href="/pc/category?id=28" class="row-between"><span class="line1">时尚女装</span> <i class="el-icon-arrow-right"></i></a></li>
                    <li class=""><a href="/pc/category?id=49" class="row-between"><span class="line1">鞋靴箱包</span> <i class="el-icon-arrow-right"></i></a></li>
                    <li class=""><a href="/pc/category?id=93" class="row-between"><span class="line1">益智玩具</span> <i class="el-icon-arrow-right"></i></a></li>
                    <li class=""><a href="/pc/category?id=98" class="row-between"><span class="line1">日用百货</span> <i class="el-icon-arrow-right"></i></a></li>
                    <div class="category-float bg-white" style="display: none;">
                        <div class="float-con"></div>
                    </div>
                </ul>
            </div>
        </div>
        <ul  class="nav row">
            <li  class="item"><a  href="/pc/" class="nuxt-link-exact-active nuxt-link-active" aria-current="page">首页</a></li>
            <li  class="item"><a  href="/pc/goods_list/1" class="">热销榜单</a></li>
            <li  class="item"><a  href="/pc/goods_list/2" class="">新品推荐</a></li>
            <li  class="item"><a  href="/pc/goods_list/3" class="">好物优选</a></li>
            <li  class="item"><a  href="/pc/seckill" class="">限时秒杀</a></li>
            <li  class="item"><a  href="/pc/get_coupons" class="">领券中心</a></li>
            <li  class="item"><a  href="/pc/news_list" class="">商城资讯</a></li>
            <li  class="item"><a  href="/pc/help_center" class="">帮助中心</a></li>
        </ul>
    </div>
</div>


<!-- header -->
<div class="layui-container">
    asdfasd
</div>

<!-- 商品显示 -->
<div class="layui-container">
    <div class="layui-row layui-col-space3">
        <div class="layui-col-md2-4 goods" th:each="g:${goods}">
            <img th:src="${g.image}" alt="">
            <div th:text="${g.name.substring(0,15)}"></div>
        </div>

    </div>
</div>

<!-- nav -->
<!-- content -->
<div class="layui-container">
    asdfasdf
</div>

<!-- footer -->
<div class="layui-fluid layui-bg-black" style="height: 180px;">
    <div class="layui-container">
        <div class="layui-row layui-col-space3">
            <div class="layui-col-md2-4">
                <i class="iconfont icon-ziying" style="font-size: 50px; color: white;"></i>自营商城
            </div>
            <div class="layui-col-md2-4">
                <i class="iconfont icon-zhengpin" style="font-size: 50px; color: white;"></i>正品保障


            </div>
            <div class="layui-col-md2-4">
                <i class="iconfont icon-fuwu" style="font-size: 50px; color: white;"></i>专属服务
            </div>
            <div class="layui-col-md2-4">

                <i class="iconfont icon-peisong" style="font-size: 50px; color: white;"></i>售后无忧
            </div>
            <div class="layui-col-md2-4">

                <i class="iconfont icon-shouhou" style="font-size: 50px; color: white;"></i>极速配送
            </div>
        </div>
        <div class="layui-row">版权所有</div>
        <div class="layui-row">1312313213</div>
    </div>
</div>

<style type="text/css">
    .float-nav {
        height: 100vh;
        position: fixed;
        right: 0;
        top: 0;
        width: 60px;
        z-index: 999;
        box-shadow: -3px 1px 2px rgba(0, 0, 0, .04)
    }

    .float-nav .nav-list {
        position: absolute;
        bottom: 120px
    }

    .float-nav .nav-list .item {
        padding: 10px 4px;
        text-align: center;
        cursor: pointer
    }

    .float-nav .nav-list .item:hover {
        color: #ff2c3c
    }

    .float-nav .nav-list .item .iconfont {
        font-size: 24px
    }

    .float-nav .nav-list .item .el-badge__content {
        height: 16px;
        line-height: 16px;
        padding: 0 5px
    }

    .float-nav .back-top {
        position: absolute;
        bottom: 20px;
        cursor: pointer
    }</style>
<div class="float-nav bg-white column-center">
    <div class="nav-list"><a th:href="@{shop_cart}" class="item column-center lighter">
        <div class="el-badge"><span class="iconfont icon-cart-Empty"></span><sup class="el-badge__content el-badge__content--primary is-fixed">0</sup></div>
        <div class="sm">购物车</div>
    </a> <a th:href="@{user/coupons}" class="item column-center lighter">
        <div
                class="el-badge"><span class="iconfont icon-coupons"></span><sup class="el-badge__content el-badge__content--primary is-fixed">0</sup></div>
        <div class="sm">优惠券</div>
    </a> <a th:href="@{user/order}" class="item column-center lighter"><span class="iconfont icon-icon_order"></span>
        <div class="sm">订单</div>
    </a> <a th:href="@{user/collection}" class="item column-center lighter"><span class="iconfont icon-collection"></span>
        <div class="sm">收藏</div>
    </a> <a th:href="@{help_center}" class="item column-center lighter"><span class="iconfont icon-survey"></span>
        <div class="sm">帮助</div>
    </a> <span data-v-0b53c849=""><span class="el-popover__reference-wrapper"><div class="item column-center lighter el-popover__reference" aria-describedby="el-popover-9117" tabindex="0"><span class="iconfont icon-service"></span> <div class="sm">客服</div></div></span></span></div>
    <div class="back-top"><span class="iconfont icon-top"></span></div>
</div>

<script src="/static/layui/layui.js"></script>
</body>
</html>